@charset "utf-8";

/*重置*/

body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li,ol{ margin:0; padding:0;}

input,select,form,textarea,button,video{ border:none; margin:0;outline:none; padding:0; appearance:none;}

h1,h2,h3,h4,h5{ font-weight:normal;}

img{ border:none;}

a{ 

	text-decoration:none; outline:none;

	-webkit-tap-highlight-color: transparent;

	-webkit-touch-callout: none;

	-webkit-user-select: none;

}



@media screen and (min-width: 320px) {html{font-size:50px;}}

@media screen and (min-width: 360px) {html{font-size:56.25px;}}

@media screen and (min-width: 375px) {html{font-size:58.59375px;}}

@media screen and (min-width: 400px) {html{font-size:62.5px;}}

@media screen and (min-width: 414px) {html{font-size:64.6875px;}}

@media screen and (min-width: 440px) {html{font-size:68.75px;}}

@media screen and (min-width: 480px) {html{font-size:75px;}}

@media screen and (min-width: 520px) {html{font-size:81.25px;}}

@media screen and (min-width: 560px) {html{font-size:87.5px;}}

@media screen and (min-width: 600px) {html{font-size:93.75px;}}

@media screen and (min-width: 640px) {html{font-size:100px;}}

@media screen and (min-width: 680px) {html{font-size:100px;}}

@media screen and (min-width: 720px) {html{font-size:100px;}}

@media screen and (min-width: 760px) {html{font-size:100px;}}

@media screen and (min-width: 800px) {html{font-size:100px;}}

@media screen and (min-width: 960px) {html{font-size:100px;}}



/*清除浮动*/

.fix{*zoom:1;}

.fix:after{display:table; content:''; clear:both;}



/*头部*/

.top_bg{ position: fixed; z-index: 999;top: 0; left: 0; 

	width: 100%;background-color: #fff;height: .8rem;

}

.top_bg .top_main{margin:0 3%;overflow: hidden;}

.top_bg .top_logo{ float: left; width: 50%; height: .8rem; position: relative;}

.top_bg .top_logo a{position: absolute; left: 50%; top:50%; width: 100%; 

	-webkit-transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

}

.top_bg .top_logo img{ max-width: 90%; max-height: .6rem; display: block;}

.top_bg .top_tel{float: right; margin-top: .2rem;}

.top_bg .top_tel img{vertical-align:middle;width: .4rem;}

.top_bg .top_tel span{display: inline-block;font-size: .26rem;

	color: #dea869;vertical-align: middle;

}



.contentbox{ padding-top: .8rem; }

.bobtm6{border-bottom:#f5f5f5 solid 6px; }



/*banner轮播图*/

.banner{width: 100%; background-color: #999;}

.banner ul li img{width: 100%;display: block;}

.banner .sp01 span{background-color: #fff;opacity: .5;}

.banner .sp01 .swiper-pagination-bullet-active{background-color: white;background-color: #fff; opacity: 1;}



.icon_nav{ padding: 2% 3%; }

.icon_nav ul{overflow: hidden; padding: 1% 0;}

.icon_nav ul li{float: left; width: 25%; text-align: center; margin:.15rem 0;}

.icon_nav ul li img{ display: block; width: .72rem;height: .72rem; margin: 0 auto; }

.icon_nav ul li span{ color: #333; font-size:.22rem;display: block; margin-top: .7em; }



/*ad*/

.adpic img{ width: 100%;display: block; }



/*装修估价*/

.sy_title{ padding:4% 0; }

.sy_title h2{ font-size:.36rem; line-height: .36rem; padding-left: 3%; border-left: #dea869 solid 4px; color: #333; }

.sy_title h2 a{ float: right; margin-right: 2%; font-size:.24rem; color: #dea869; }

.sy_title p{ margin-left: calc(3% + 4px); font-size:.24rem; color: #999;margin-top: 3%; }

.price_box form{display: block; padding:0 3% 3%;}

.price_box form label{display: block; position: relative; margin-bottom: 3%; font-size:.26rem;}

.price_box form input{ width: 100%; height: .72rem; line-height: .72rem; background-color: #f5f5f5; text-indent: 1em; 

	font-size:.26rem; border:#f5f5f5 solid 1px;

}

.price_box form label span{position: absolute; top:0; right:40%; line-height: .72rem; font-size: .26rem; color: #999}

.price_box form button{ font-size:.3rem; color: #333; background-color: #dea869; width: 100%; height: .72rem; }

.price_box form input:focus{ border-color: #dea869; }



/*装修案例*/

.casepic{padding:0 3% 5%;}

.case_slide{ float: left; width: 40%; }

.case_slide .swiper-slide img{display: block; width: 100%;}

.case_slide .swiper-slide a{display: block; position: relative;}

.case_slide .swiper-slide p{position: absolute; bottom: 0; left: 0; width: 90%; padding:0 5%; height: .64rem; 

	background-color: #E3D100; font-size:.26rem; color: #fff; line-height: .64rem;

}

.case_slide .swiper-slide p i{position: absolute; left: 5%; bottom:.1rem; width: .52rem; height: 2px; background-color: #dea869;}

.case_slide .sp02{ text-align: right; bottom:4px !important; }

.case_slide .sp02 span{background-color: #fff;opacity: .5; width: 6px; height: 6px; margin:0 2px !important;}

.case_slide .sp02 .swiper-pagination-bullet-active{ opacity: 1;}



.case_grid{ float: right; width: 58%; }

.case_grid .one{ overflow: hidden; position: relative; }

.case_grid .one img{display: block; width: 100%;position: absolute;left: 0; top:50%; 

	-webkit-transform: translate(0,-50%);

	-moz-transform: translate(0,-50%);

	-o-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.case_grid .one a{position: absolute; width: 33%; height: 100%; top:0; right: 0; background-color: rgba(0,0,0,.5);color: #fff;}

.case_grid .one h3{position: relative; font-size:.24rem;margin:.2rem .4em 0; 

	white-space: nowrap; overflow: hidden; padding-bottom: .4em; line-height: 100%;

}

.case_grid .one h3 i{position: absolute; width: .48rem; height: 2px; background-color: #dea869; bottom: 0; left: 0;}

.case_grid .one span{position: absolute; bottom:.1rem; font-size: .20rem; margin-left: .4em;}

.case_grid .two{overflow: hidden; margin-top: 7px;}

.case_grid .two a{float: left; width: 48.5%; overflow: hidden; position: relative;}

.case_grid .two a:last-child{ float: right; }

.case_grid .two a img{ width: 100%; display: block; }

.case_grid .two span{ background-color: rgba(0,0,0,.5); color: #fff; font-size:.24rem; line-height: 110%;

	position: absolute; right: 0; top:0; height: 100%;  width: .24rem; padding:.07rem .12rem; text-align: center;

}



/*设计团队*/

.teambox{position: relative;}

.teambox .tit{ color: #fff; padding:3.5% 3%; background-color: rgba(0,0,0,.5);position: absolute; top:0; left: 0; width: 94%; z-index: 5;}

.teambox .tit h2{line-height: 100%; font-size: .36rem; display: inline-block; vertical-align: middle;}

.teambox .tit p{ font-size:.24rem; display: inline-block; vertical-align: middle; border-left: #fff solid 1px; line-height: 100%; 

	padding-left: .7em; margin-left: .7em;

}

.team_slide .swiper-slide img{ display: block; width: 100%; }

.team_slide .sp03 span{ background-color: #fff; width: 6px; height: 6px; margin:0 3px !important; }



/*底部广告*/

.foot_ad{padding: 3% 0;}

.foot_ad img{display: block; width: 100%;}



/*底部*/

/* .footer{ text-align: center; background-color: #f5f5f5; padding:5% 0 1rem; }

.footer h2{font-size:.24rem; color: #666;}

.footer h2 a{font-size:.24rem; color: #666;}

.footer .txt{ font-size:.22rem; color: #999; line-height: 160%; margin-top: 3%;}

.footer .txt a{ color: #999; } */



/*底部菜单*/

.menubox{position: fixed; z-index:999;left: 0; bottom:0; width: 100%; height: .9rem; background-color: #E3D100;}

.menubox ul{overflow: hidden;}

.menubox ul li{ float: left; width: 33.3%; text-align: center; 

/* height: .32rem; line-height: .32rem;  */

	border-left: #aaa solid 1px; margin-left: -1px;

}

.menubox ul li:first-child{margin-left: 0; border:0;}

.menubox ul li img{ width: .32rem; height: .32rem; vertical-align: middle; margin-right: 3%; }

.menubox ul li a{ color: #fff; font-size: 22px;line-height:1.0rem}



/*在线咨询二维码弹框*/

.online_pop{position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 9999; 

	background-color: rgba(0,0,0,.5); display: none;

}

.online_pop img{ position: absolute; width: 50%; left: 25%; top:50%;

	-webkit-transform: translate(0,-50%);

	-moz-transform: translate(0,-50%);

	-o-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

/*免费报价弹框*/

.price_pop{position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 9999; 

	background-color: rgba(0,0,0,.5); display: none;

}

.price_pop .box{ position: absolute; top:0; left: 0; right: 0; bottom: 0; margin:auto;

	height: fit-content; height: -webkit-fit-content; width: 70%; background-color: #fff; 

	border-radius: 5px;overflow: hidden; padding:0 5% 5%;

}

.price_pop .box h2{ text-align: center; font-size: .26rem; color: #333; line-height: 260%; }

.price_pop form label{display: block; position: relative; margin-bottom: 4%; font-size:.22rem;}

.price_pop form input{ width: 100%; height: .64rem; line-height: .64rem; background-color: #f5f5f5; text-indent: 1em; 

	font-size:.22rem; border:#f5f5f5 solid 1px; box-sizing: border-box;-webkit-box-sizing:border-color;

}

.price_pop form label span{position: absolute; top:0; right:40%; line-height: .64rem; font-size: .22rem; color: #999}

.price_pop form button{ font-size:.26rem; color: #333; background-color: #dea869; width: 100%; height: .64rem; }

.price_pop form input:focus{ border-color: #dea869; }

.price_pop .close{position: absolute; right: 0;top:0; width: .36rem; height: .36rem; line-height: .36rem; 

	text-align: center; font-size:.24rem; background-color: #ddd; color: #333;

}



.menubox dl{

	position: absolute;

	right: 0;

	width: 36%;

	background-color: #E3D100;

	text-align: center;

	padding: 1% 0;

	border-bottom: 0;

	display: none;

	border-radius: 4px 4px 0 0;

	overflow: hidden;

}

.menubox dl dd{

	line-height: .64rem;

	border-top: rgba(222,168,105,.6) solid 1px;

}

.menubox dl dd:first-child{

	border:0;

}

.menubox dl a{

	display: block;

	color: #fff;

	font-size: .24rem;

}

.menubox dl a:active{

	color: #dea869;

}
@media screen and (min-width: 760px) {
	.menubox{
		display: none;
	}
}